<template>
  <div class="card-list">
    <EmployeeCard
      v-for="employee in employees"
      :key="employee.id"
      :employee="employee"
    />
  </div>
</template>

<script>
import EmployeeCard from './EmployeeCard.vue'

export default {
  components: { EmployeeCard },
  data() {
    return {
      employees: [
        { id: 1, name: '小红书运营官', users: 2400, shared: 399, exclusive: 1299 },
        { id: 2, name: '小红书运营官', users: 2400, shared: 399, exclusive: 1299 },
        { id: 3, name: '小红书运营官', users: 2400, shared: 399, exclusive: 1299 },
        { id: 4, name: '小红书运营官', users: 2400, shared: 399, exclusive: 1299 },
        { id: 5, name: '小红书运营官', users: 2400, shared: 399, exclusive: 1299 },
        { id: 6, name: '小红书运营官', users: 2400, shared: 399, exclusive: 1299 }
      ]
    }
  }
}
</script>

<style scoped>
.card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
</style>
